<!doctype html>
<html lang="en">
	<head>
	    <meta charset="utf-8">
	    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
	    <link rel="stylesheet" href="css/bootstrap.min.css">
	    <title>Hello, world!</title>
	    
	</head>
	<body>
		<div class="dropdown">
			<button id="dLabel" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
				Dropdown trigger
			   	<span class="caret"></span>
			</button>
			<ul class="dropdown-menu" aria-labelledby="dLabel">
			   	<li>a</li>
			   	<li>b</li>
			   	<li>c</li>
			   	<li>d</li>
			   	<li>e</li>
			</ul>
		</div>
					
		<div class="dropdown">
			<a id="dLabel" data-target="#" href="http://example.com" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
				Dropdown trigger
				<span class="caret"></span>
			</a>

			<ul class="dropdown-menu" aria-labelledby="dLabel">
				<li>1</li>
				<li>2</li>
				<li>3</li>
				<li>4</li>
				<li>5</li>
				<li>6</li>
				<li>7</li>
			</ul>
		</div>









	</body>
</html>
<script src="../JQuery/jQuery.js"></script>
<script src="js/bootstrap.js"></script>
<script>
	

</script>